<template>
  <div>
    <!-- 头部区域 -->
    <Header />

    <main>
      <!-- 路由占位符，一级路由出口 -->
      <router-view></router-view>
    </main>

    <!-- 底部区域 -->
    <Footer />
  </div>
</template>

<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'

export default {
  name: 'App',
  components: {
    Header,
    Footer
  }
}
</script>

<style lang="less" scoped></style>
